<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>退款/售后详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<link rel="stylesheet" href="../../css/app.css" />
		<link rel="stylesheet" href="../../css/order.css" />
		<link rel="stylesheet" href="../../css/form.css" />
		<link rel="stylesheet" href="../../js/layer/layer.css" />
		<script type="text/javascript" src="../../js/layer/layer.js"></script>
		<script type="text/javascript" src="../../js/util/jquery-3.5.1.min.js"></script>
		<script type="text/javascript" src="../../js/util/app.js"></script>
		<script type="text/javascript" src="../../js/mock/order.js"></script>
		<script type="text/javascript" src="../../js/biz/order/after_service_detail.js"></script>
	</head>
	<body>
		<div class="page">
			<div class="form">
				<form class="form_row">
					<img src="../../img/ic_refund.png" style="width: 4rem;height: 4rem;" />
					<span class="form_label">已退款</span>
				</form>
				<div style="color: #999;margin: 0 1.4rem 1.4rem;font-size: 1.3rem;">商家已退款，退回资金将原路三个工作日返回您的账户</div>
			</div>
			<section class="content">
				<div class="form m_top_com">
					<form class="form_preview_row">
						<img src="../../img/ic_to_send.png" class="icon_20" />
						<div class="form_preview_body">
							<div style="" class="preview_content">
								<span class="">顺丰 SF20240927000001</span>
								<span class="preview_des">买家已寄出</span>
							</div>
							<img src="../../img/ic_right.png" class="icon_20" />
						</div>
					</form>
					<div class="order_option" style="margin-top: 0;padding: 0 1.4rem 1.4rem">
						<button class="btn_cancel" id="edit_bill">修改运单号</button>
						<button class="btn_cancel" id="view_logistics">查看物流</button>
					</div>
				</div>
				<div class="form m_top_com">
					<form class="form_preview_row">
						<img src="../../img/ic_location.png" class="icon_20" />
						<div class="form_preview_body">
							<div style="" class="preview_content">
								<span class="" id="address">广东省湛江市雷州市黄家村学府一号6栋2202</span>
								<span class="preview_des">收货人：李林</span>
								<span class="preview_des">收货人电话：15168353219</span>
							</div>
							<div class="btn_copy" id="copy_address">复制</div>
						</div>
					</form>
				</div>
				<section class="order_item">
					<div class="evaluate_row">
						<span class="title">退款商品</span>
					</div>
					<div id="list"></div>
				</section>
				<section class="order_item">
					<div class="evaluate_row">
						<span class="title">退款信息</span>
					</div>
				</section>
				<div class="form">
					<form class="form_row">
						<span class="form_label">订单编号</span>
						<span class="form_input" id="bill_logistics" style="text-align: right;">SF20240927000001</span>
					</form>
					<div class="form_line"></div>
					<form class="form_row">
						<span class="form_label">服务单号</span>
						<input class="form_input" id="bill_no" value="SF20240927000002"
							style="text-align: right;margin-right: 1rem;" readonly />
						<div class="btn_copy" id="copy_fwdh">复制</div>
					</form>
					<div class="form_line"></div>
					<form class="form_row">
						<span class="form_label">退款原因</span>
						<span class="form_input" id="reason" style="text-align: right;">太贵了，不想要了</span>
					</form>
					<div class="form_line"></div>
					<form class="form_row">
						<span class="form_label">退款金额</span>
						<span class="form_input" id="account" style="text-align: right;">999.99</span>
					</form>
					<div class="form_line"></div>
					<form class="form_row">
						<span class="form_label">申请时间</span>
						<span class="form_input" id="apply_time" style="text-align: right;">2024-09-29 14:56:34</span>
					</form>
				</div>
			</section>
		</div>
	</body>
</html>
